import React, { Component } from 'react';
import "./Choose.scss";
import logo  from "../logo.svg";

class Choose extends Component {
    state = {
        shoppingArr:[
            {name:'护肤',pic:logo},
            {name:'彩妆',pic:logo},
            {name:'香氛',pic:logo},
            {name:'进口酒',pic:logo},
            {name:'国产酒',pic:logo},
            {name:'精品奢货',pic:logo},
            {name:'食品百货',pic:logo},
            {name:'母婴专区',pic:logo},
            {name:'直播专区',pic:logo},
            {name:'特卖专场',pic:logo},
        ]
    };
    render() {
        return (
            <div>
                <div className="shopping">
                   {
                     this.state.shoppingArr.map((item)=>{
                        return (
                            <div className="ca">
                                <img src={item.pic} alt="" />
                                <div className="name"> {item.name} </div>
                            </div>
                        )
                     })
                   }
                </div>
            </div>
        );
    }
}

export default Choose;